$(function() {
        // 获取用户信息渲染头像
        getUserInfo()
            // 点击退出时退出登录 销毁token和页面跳转
        $(`#logout`).on(`click`, function() {
            layer.confirm('确认退出登录吗？', { icon: 3, title: '提示' }, function(index) {
                localStorage.removeItem(`token`)
                location.href = `/login.html`
                layer.close(index);
            });
        })
    })
    // 获取用户信息渲染头像封装成函数
function getUserInfo() {
    axios({
        method: `get`,
        url: `/my/userinfo`,
        // 以/my开头的路径,需要设置token认证
        // 有了拦截器后可省略
        // headers: {
        //     Authorization: localStorage.getItem(`token`)
        // }
    }).then(({ data: res }) => {
        if (res.status != 0) {
            return layer.msg(`获取用户信息失败`)
        }
        renderAvatar(res.data)
    })
}

function renderAvatar(user) {
    // 渲染欢迎词-有限渲染用户昵称，没有昵称才渲染用户名
    let name = user.nickname || user.username
    $(`.welcome`).html(`欢迎&nbsp;:${name}`)
        // 有图片就渲染图片头像否则渲染文字头像
    if (user.user_pic !== null) {
        $(`.avatar-text`).hide()
            // user_pic头像，base64格式的图片
        $(`.layui-nav-img`).show().attr(`src`, user.user_pic)
    } else {
        $(`.layui-nav-img`).hide()
            // 文字头像把name首字母大写
        let first = name[0].toUpperCase()
        $(`.avatar-text`).show().html(first)
    }

}